<!--
 * @Author: zhangwenqiang
 * @Date: 2021-07-25 14:01:07
 * @LastEditors: OBKoro1
 * @LastEditTime: 2021-07-26 23:44:31
 * @FilePath: /operate/src/view/mainPage/index.vue
-->
<template>
  <div class='mainContent'>
    <v-left class="left"></v-left>
    <v-right class="right"></v-right>
  </div>
</template>
<script>

import vLeft from "./leftMenu.vue";
import vRight from "./rightContent.vue";
export default {
  name:'mainPage',
  components: {
      vLeft,
      vRight,
  },
  data() {
    return {};
  }
};
</script>
<style scoped lang='scss'>
.mainContent{
  display: flex;
  width: calc(100vw - 8px);
  height: 100vh;
}
.left{
  width: 170px;
}
.right{
  flex: 1;
}
</style>